<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:yh="http://www.thymeleaf.org">
<head th:replace="themes/yqq/header::resources(${article.title},${article.tags})"></head>
<body>
<!--top begin-->
<div th:replace="themes/yqq/header::top"></div>
<!--top end-->
<article> 
  <!--lbox begin-->
  <div class="lbox" style="width:100%">
    <div class="content_box whitebg">
    	<input type="hidden" id="cid" th:value="${article.cid}"/>
      <h2 class=""><span class="con_nav">您现在的位置是：<a th:href="@{/}">网站首页</a>><a href="#" th:text="${article.slug}">个人博客模板</a></span>  </h2>
      <h1 class="con_tilte" th:text="${article.title}"></h1>
      <p class="bloginfo"><i class="avatar"><img th:src="@{/yqq/images/avatar.jpg}"></i><span th:text="${siteInfo.site_nickname}">张念祥</span><span th:text="${commons.fmtdate(article.created, 'yyyy-MM-dd')}">2018-10-28</span><span><d th:text="${article.hits}"></d>人已围观</span>
      	<span style="float:right;"><a th:if="${session.login_user!=null && session.login_user.username=='admin'}" target="_BLANK" th:href="@{'/admin/page/'+${article.cid}}" style="color: #096;">编辑</a>&nbsp;&nbsp;&nbsp;<a href="#" onclick="shouCang()" style="color: #096;">点击收藏</a></span>
      </p>
      <p class="con_info"><b>简介</b><d th:utext="${article.remark}"></d></p>
      <div class="con_text">
      	<div class='ueparse'><p th:utext="${article.content}"></p></div>
        <p class="share"><b>转载：</b><span th:utext="${siteInfo.site_reprinted}"></span></p>
<!--         <p><span class="diggit">很赞哦！ (74)</span></p> -->
        <div class="nextinfo">
          <p th:if="${pre!=null}">上一篇：<a th:href="@{'/article/'+${pre.cid}}" th:text="${pre.title}">html5 个人博客模板《蓝色畅想》</a></p>
          <p th:if="${next!=null}">下一篇：<a th:href="@{'/article/'+${next.cid}}" th:text="${next.title}">个人博客模板《tree》-响应式个人网站模板</a></p>
        </div>
      </div>
    </div>

  </div>
  <!--lbox end-->
</article>

<div th:replace="themes/yqq/header::footer"></div>

<script th:src="@{/admin/plugins/ueditor/ueditor.parse.js}" ></script>

<script th:inline="javascript">
	$(function(){
		uParse('.ueparse', {
			rootPath : ctxPath+"admin/plugins/ueditor/"
		});
	});
	var tale = new $.tale();
	function checkForm() {
        tale.post({
            url: ctxPath+'comment',
            data: $("#addComment").serialize(),
            success: function (result) {
                if (result && result.success) {
                	tale.alertOk({
                        text:'评论成功',
                        then: function () {
                            setTimeout(function () {
                                window.location.reload();
                            }, 500);
                        }
                    });
                } else {
                    tale.alertError(result.msg || '登录失败');
                }
            }
        });
        return false;
    }
	
	function shouCang() {
        tale.post({
            url: ctxPath+'follow',
            data: {
            	cid:$("#cid").val()
            },
            success: function (result) {
                if (result && result.success) {
                	tale.alertOk({
                        text:result.msg||'收藏成功',
                        then: function () {
                            setTimeout(function () {
                                window.location.reload();
                            }, 500);
                        }
                    });
                } else {
                    tale.alertError(result.msg || '收藏失败');
                }
            }
        });
        return false;
    }
	
</script>
<div th:replace="themes/yqq/header::trans"></div>
</body>
</html>
